Estoy tratando de crear un carrito para un proyecto Angular. Quiero declarar un producto como Producto, pero me encuentro con un error: (Mensaje de error que se muestra en: "(producto: Producto) => { ..."

Ninguna sobrecarga coincide con esta llamada. Sobrecarga 1 de 5, '(observador?: PartialObserver | indefinido): Suscripción', dio el siguiente error. El argumento de tipo '(product: Product) => void' no se puede asignar al parámetro de tipo 'PartialObserver | indefinido'. Falta la propiedad 'completa' en el tipo '(producto: Producto) => void' pero se requiere en el tipo 'CompletionObserver'. Sobrecarga 2 de 5, '(¿siguiente?: ((valor: desconocido) => vacío) | indefinido, ¿error?: ((error: cualquiera) => vacío) | indefinido, completo?: (() => vacío) | undefined): Subscription', dio el siguiente error. El argumento de tipo '(producto: Producto) => vacío' no se puede asignar al parámetro de tipo '(valor: desconocido) => vacío'. Los tipos de parámetros 'producto' y 'valor' son incompatibles. El tipo 'desconocido' no se puede asignar al tipo 'Producto'.ts(2769)

Mi carrito.components.ts:

 ngOnInit() { this.message.getMessage().subscribe((product: Product) => { this.cartItems.push({ id: 1, productName: "string", qty: 1, price: 1 }) this.cartItems.forEach(item => { this.cartTotal += (item.qty * item.price) }) })

}

Quiero empujar el producto seleccionado de la matriz (al hacer clic en Agregar al carrito en la página del menú). Entonces, en lugar de tener "id: 1, productName: "string"...", tendría productName: product.name y productPrice: product.price... Este es mi product.services.ts:

 export class ProductService { products: Product[] = [ new Product(1, 'Product 1', 'P1 description', 100, 'image1.png'), new Product(2, 'Product 2', 'P2 description', 300, 'image2.jpg'), new Product(3, 'Product 3', 'P3 description', 50, 'image3.png'), new Product(4, 'Product 4', 'P4 description', 20, 'image4.jpg'), new Product(5, 'Product 5', 'P5 description', 400, 'image5.jpg'), new Product(6, 'Product 6', 'P6 description', 40, 'image6.jpg'), ] constructor() { } getProducts(): Product[] { return this.products } }

Y mi carrito-item.components.ts:

 export class CartItemComponent implements OnInit { @Input() cartItem: any constructor() { } ngOnInit() { }

}

Servicio de mensajeria:

 export class MessengerService { subject = new Subject() constructor() { } sendMessage(product: Product) { this.subject.next(product) } getMessage() { return this.subject.asObservable() } }